<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Help-Tonal Drawing and Grisaille Painting</title>
<style type="text/css">
<!--
body,td,th {
	font-family: Verdana;
	font-size: 12px;
}
.style1 {color: #CC3333}
.style3 {color: #CC3333; font-weight: bold; }
-->
</style></head>

<body>
<h2>Tonal Drawing and Grisaille Painting</h2>
<p>Tommy Three Tone allows you to see the image in  grayscale and limit the tonal values. The image below shows the<span class="style3"> BW Image tab</span> with all its features. </p>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td colspan="2"><a href="#Layout">Layout Tab</a></td>
  </tr>
  <tr>
    <td width="4%">&nbsp;</td>
    <td width="96%"><a href="#Grid">Grid</a></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td><a href="#Ratio">Aspect Ratio</a></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td><a href="#Orientation">Orientation</a></td>
  </tr>
  
  <tr>
    <td colspan="2"><a href="#LevelTab">Levels Tab</a></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td><a href="#transfer">Transfer Function</a></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td><a href="#Levels">Levels</a></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td><a href="#Boundries">Level Boundries</a></td>
  </tr>
  <tr>
    <td colspan="2"><a href="#save">Save an image</a></td>
  </tr>
  <tr>
    <td colspan="2"><a href="#hide">Show/Hide Settings</a></td>
  </tr>
</table>
<p>To draw a <a href="http://en.wikipedia.org/wiki/Grisaille">grisaille</a>:</p>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="32%" valign="top"><ol>
      <li>Open an image file (.jpg, .png, and .gif)</li>
      <li>Select the <span class="style3">BW Image tab</span> on the right</li>
      <li><a name="Layout" id="Layout"></a>Select the <span class="style3">Layout Tab</span> on the left</li>
      <li><a name="Grid" id="Grid"></a>Choose a grid. Your choices are: 1x1 (no grid), 2x2 (half), 3x3, and 4x4. The more details are in the photo, the more gridlines. </li>
      <li><a name="Ratio" id="Ratio"></a>Chose an aspect ratio: 1x1 (square), 8x10, 9x10, 11x14, and Custom are your choices. A pink outline of the aspect ration will be drawn at the center of the image. This allows you to fit your image to your canvas or paper.</li>
      <li><a name="Orientation" id="Orientation"></a>Choose the orientation of the pink outline. The choices are landscape or portrait.</li>
      <li>Fip the photo if desired</li>
      <li>The lines and saturations on the Layout tab are used for other functions (see xxx)</li>
    </ol></td>
    <td width="68%"><img src="images/tonal_2.jpg" alt="Tonal Values" width="356" height="282" /></td>
  </tr>
  <tr>
    <td valign="top"><p>&nbsp;</p>
        <p><a name="LevelTab" id="LevelTab"></a>Select the <span class="style3">Levels Tab</span> on the right side to choose the gray scale leves and distribution:</p>
        <ol>
          <li><a name="transfer" id="transfer"></a>Choose the type of transfer function to use. A linear function means the value of pixel in are the same of pixels out. &lt;explain the transfer functions here&gt;&gt;<br />
              <a href="#ex_transfer">The imges below</a> show the difference in transferfunctions. The first image shows the histogram function, the second a linear transfer, and the third a logarythmic transfer.</li>
        <li><a name="Levels" id="Levels"></a>Choose the number of levels and adjust the controls. If you set the level to 1, you will see a full gray-scale image using the chosen transfer function. The levels progress from 1 to 5.<a href="#ex_levels"> See the images below for an example</a>.</li>
        <li><a name="Boundries" id="Boundries"></a>Adjust the level boundries if desired</li>
      </ol></td>
    <td valign="top"><p><br />
    </p>
        <img src="images/tonal_5.jpg" width="300" height="450" /></td>
  </tr>
</table>
<p><a name="ex_transfer" id="ex_transfer"></a>The different transfer functions:</p>
<table border="0" cellspacing="0" cellpadding="0">
  <tr>
    <th scope="col">Histogram</th>
    <th scope="col">Linear</th>
    <th scope="col">Logarythmic</th>
  </tr>
  <tr>
    <td><img src="images/histo.jpg" width="300" height="227" /></td>
    <td><img src="images/linear.jpg" width="300" height="227" /></td>
    <td><img src="images/log.jpg" width="300" height="227" /></td>
  </tr>
</table>
<p><a name="ex_levels" id="ex_levels"></a>The different levels:</p>
<table border="0" cellspacing="0" cellpadding="0">
  <tr>
    <th scope="col">Levels:1</th>
    <th scope="col">Levels:3</th>
    <th scope="col">Levels:4</th>
    <th scope="col">Levels:5</th>
  </tr>
  <tr>
    <td><img src="images/1-level.jpg" width="209" height="158" /></td>
    <td><img src="images/3-levels.jpg" width="214" height="157" /></td>
    <td><img src="images/4-levels.jpg" width="209" height="157" /></td>
    <td><img src="images/5-levels.jpg" width="211" height="156" /></td>
  </tr>
</table>
<p><a name="Save" id="Save"></a>You can save the image at any time by selecting File-&gt;Save or ctrl-S<br />
  <a name="Hide" id="Hide"></a>You can also make the image pane larger and hide the settings by selecting Settings-&gt;Hide (alt-H)<br />
  <br />
</p>
</body>
</html>
